<!DOCTYPE html>
<html lang="zh">
<head>
  <title>按钮的颜色</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <link rel="stylesheet" href="../../lib/ionic/css/ionic.min.css">
</head>
<body>
<ul>
  <li class="item">
    <a class="button button-light">button-light</a>
  </li>
  <li class="item">
    <a class="button button-stable">button-stable</a>
  </li>
  <li class="item">
    <a class="button button-positive">button-positive</a>
  </li>
  <li class="item">
    <a class="button button-calm">button-calm</a>
  </li>
  <li class="item">
    <a class="button button-balanced">button-balanced</a>
  </li>
  <li class="item">
    <a class="button button-energized">button-energized</a>
  </li>
  <li class="item">
    <a class="button button-assertive">button-assertive</a>
  </li>
  <li class="item">
    <a class="button button-royal">button-royal</a>
  </li>
  <li class="item">
    <a class="button button-dark">button-dark</a>
  </li>
</ul>
</body>
</html>
